<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>供应商列表页面</title>
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}" />
    <link type="text/css" rel="stylesheet" th:href="@{/css/public.css}" />
</head>
<body>
<div th:replace="~{common/head::head}"></div>
<div class="right">
    <div class="location">
        <strong>当前位置:</strong>
        <span>供应商管理页面</span>
    </div>
    <div class="search">
        <form method="get" action="/sys/supplier/list">
            <span>供应商名称：</span>
            <input name="querySupplierName" type="text" th:value="${querySupplierName}">
            <input type="hidden" name="pageIndex" value="1"/>
            <input value="查 询" type="submit" id="searchbutton">
            <a href="/sys/supplier/toAdd" th:href="@{/sys/supplier/toAdd}">添加</a>
        </form>
    </div>
    <!--供应商表格 样式和供货商公用-->
    <table class="supplierTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="10%">供货商编码</th>
            <th width="20%">供货商名称</th>
            <th width="10%">联系人</th>
            <th width="10%">联系电话</th>
            <th width="10%">传真</th>
            <th width="10%">创建时间</th>
            <th width="30%">操作</th>
        </tr>
        <tr th:each="supplier, status : ${supplierList}">
            <td th:text="${supplier.supCode}"></td>
            <td th:text="${supplier.supName}"></td>
            <td th:text="${supplier.supContact}"></td>
            <td th:text="${supplier.supPhone}"></td>
            <td>
                <span th:text="${supplier.supFax}"></span>
            </td>
            <td th:text="${supplier.supAddress}"></td>
            <td>
                <a class="viewSupplier" href="javascript:;" th:attr="supId=${supplier.id}, supCode=${supplier.supCode}">
                    <img src="/images/view.png" alt="查看" title="查看"/>
                </a>
                <a class="modifySupplier" href="javascript:;" th:attr="supId=${supplier.id}, supCode=${supplier.supCode}">
                    <img src="/images/upd.png" alt="修改" title="修改"/>
                </a>
                <a class="deleteSupplier" href="javascript:;" th:attr="supId=${supplier.id}, supCode=${supplier.supCode}">
                    <img src="/images/del.png" alt="删除" title="删除"/>
                </a>
            </td>
        </tr>
    </table>
    <!-- 隐藏输入字段 -->
    <input type="hidden" id="totalPageCount" th:value="${totalPageCount}"/>

    <!-- 引入其他模板并传递参数 -->
    <div th:insert="~{sysRole/rollpage :: rollpageFragment(totalCount=${totalCount}, currentPageNo=${currentPageNo}, totalPageCount=${totalPageCount})}"></div>
</div>
<section>
    <!--点击删除按钮后弹出的页面-->
    <div class="zhezhao"></div>
    <div class="remove" id="removeBi">
        <div class="removerChid">
            <h2>提示</h2>
            <div class="removeMain">
                <p>确定删除该供应商吗？</p>
                <a href="#" id="yes">是</a>
                <a href="#" id="no">否</a>
            </div>
        </div>
    </div>
</section>
</section>
</div>


<footer th:replace="~{common/foot::foot}"></footer>
<script type="text/javascript" th:src="@{/js/supplier/list.js}"></script>
</body>
</html>
